<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"></meta>
		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/myui.js"></script>
		<style>
			.myview{
				font-family:"Ubuntu Mono",fantasy,cursive,sans-serif,serif,inherit;
			}
			.mywindow{
				border-top-left-radius: 6px;
				border-top-right-radius: 6px;
				box-shadow: 1px 1px 50px 3px #888888;
				overflow: hidden;
			}
			.mytitlebar{
				color:#DADADA;
				font-weight: bold;
				cursor:default;
				background-image: -moz-linear-gradient(top,#808080, #434343); /* Firefox */
				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #808080), color-stop(1, #434343)); /* Saf4+, Chrome */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#434343', GradientType='0'); /* IE*/
			}
			.mytitlebar:active{
				cursor:move;
			}
			.mybutton{
				background: #EC5E30;
				box-shadow: 0px 0px 8px rgba(255,255,255,0.3) inset;
			}
			.mybutton:hover{
				box-shadow: -2px 2px 10px rgba(255,255,255,0.5) inset;
			}
			.mybutton:active{
				box-shadow: -2px 2px 3px rgba(0,0,0,0.3) inset;
				cursor:default;
			}
		</style>
		<script>
			$(function () { //onLoad
				var myWindow = new MyWindow(500, 300, true, "black", 50, 50);
				myWindow.open();
				myWindow.jQueryObject.click(function(){
					$.post('a.php',{'x':'1','y':'2'},function(data){
						console.log($.parseJSON(data));
					});
				});
				myWindow.jQueryObject.mousemove(function(){
					$.post('a.php',{'json':'{"x":"1","y":"2"}'},function(data){
						console.log(data);
					});
				});
			});
		</script>
	</head>
	<body>
	</body>
</html>
